<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/c.tld" prefix="c"%>
<jsp:include page="/WIDGETS/head.jsp" />
<div class="container-fluid" id="container">
	<jsp:include page="/WIDGETS/slider.jsp" />
	<div id="content">
		<div class="page" id="page-dashboard">

			<div class="hero-unit hero-special">
				<h1>
					欢迎使用YF办公协同系统<small>v 1.2</small>
				</h1>
				<p>本系统基于 JAVA MYSQL设计开发，提供所有源码与数据库脚本。
					经过多年的OA系统实施经验，团队研发了一套适用于中小型公司内部管理的工作流平台，无需开发即可根据实际业务需求自定义流程模板，自定义业务模型。完全可视化的界面操作即可完成。</p>
				<p>主要包含:文档管理，工作日/周/月报管理，行政管理，车辆管理，办公耗材管理，公告管理，系统管理</p>
				<p>工作流引擎操作简单，使用方便，且团队正在研发与之配套的APP，能够轻松在手机上实现远程办公，无缝集成！</p>
				<h3>1.2版本重要更新</h3>
				<ol>
					<li>更换了DataTable插件，修复了有时删除和修改数据后页面不刷新的bug</li>
					<li>将修改和删除按钮放到了表格上面</li>
					<li>增加了表格刷新的功能</li>
					<li>增加了系统设置的模块，可查看服务器的资源实时消耗情况</li>
					<li>对表格做了UI上的优化，翻页样式做了修改</li>
				</ol>
				<h3>1.1版本重要更新</h3>
				<ol>
					<li>添加了系统安装页面，无需手动导入sql脚本，在线安装系统</li>
					<li>修复文件上传无响应的问题</li>
					<li>修复部门模块的权限bug</li>
					<li>添加了图形报表实例</li>
					<li>添加了自定义数据表的导入导出功能</li>
				</ol>
				<h3>系统平台优势</h3>
				<ol>
					<li>采用了Spring + MyBatis + bootstrap +jQuery + CSS3的WEB技术，兼容当前主流浏览器，跨平台，在大多数移动终端设备上也能够正常渲染。

						为保证浏览质量，请使用chrome(谷歌浏览器),firefox(火狐浏览器),IE10等兼容HTML5的浏览器浏览</li>
					<li>界面采用METRO设计风格，扁平化的设计理念，符合现代的审美观念。
						摒弃以往公司系统的老土界面，提升公司的整体形象。且更容易被使用者接受，操作更加简洁和人性化。</li>

					<li>严格遵循MVC开发的标准，将视图与控制器严格拆分，不会在jsp页面中参杂JAVA代码。

						系统的所有UI控件与JAVA源码都是分开的，用户可自定义UI或后台功能，结构和层次都很清晰，方便二次开发。</li>

					<li>系统为纯原生JAVA代码开发，未使用任何第三方的收费插件，购买后不存在其他版权和收费问题。

						警告：不允许未经许可在公共场合下(包括任何网络媒体)发布本系统。
					<li>本系统可根据客户需求进行二次开发，本店提供技术支持(酌情收取适当费用)。</li>

				</ol>
				<p>
					<a href="http://item.taobao.com/item.htm?id=36675876286"
						target="_blank" class="btn btn-primary btn-large">了解更多 »</a>
				</p>
			</div>

		</div>

		<div class="page hidden" id="desktop">
			<div class="row-fluid">
				<c:forEach var="d" items="${dashboards}" begin="0" step="1">
					<div class="span6">
						<div class="panel" id="panel-13b">
							<header>
								<span>${d.d_title }</span>
							</header>
							<div class="content">
								<div class="dashboard-content" type="${d.d_type }" ds="${d.d_ds }">
								</div>
							</div>
						</div>
					</div>
				</c:forEach>
				
				
			</div>
				<!-- 扫描件查询 -->
			<div class="row-fluid">
				<div class="span12">
					<div class="panel" id="panel-13b">
						<header>
							<span>档案扫描件查询</span>
						</header>
						<div class="content">
							<div class="dashboard-content" type="${d.d_type }">
								<div class="input-append">
									<form id="archives-search-form" action="<%=request.getContextPath()%>/c?s=search&o=searchArchives&isajax=1">
										<input class="span4" name="code" id="archives-code" placeholder="输入档案编号" type="text">
										<button class="btn" id="btn-search-archives" type="submit"><i class="icon-search"></i> 搜索</button>
									</form>
								</div>
								<div class="archives">
									
									<img src=""/>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script type="text/javascript">
		$("#archives-search-form").submit(function(){
			var $form = $(this);
			$form.ajaxSubmit(function(rst){
				if(rst.code!=0){
					alert(rst.msg);
					return false;
				}
				var $archives = $(".archives");
				var html = '';
				for(var i in rst.data){
					var title = src = rst.data[i];
					src = '<%=request.getContextPath()%>/Archives/'+src;
					html+='<img title="'+title+'" alt="'+ title +'" src="'+src+'" />';
				}
				$archives.html(html);
				$(".archives img").click(function(){
					var $target = $('#IMG-DIALOG img');
					$target.attr('src',$(this).attr('src'));
					$('#IMG-DIALOG').modal('show');
				});
			});
			return false;
		});
	$(".dashboard-content").each(function(){
		var THIS = $(this);
		switch(THIS.attr("type")){
			case "notice":$.get('<%=request.getContextPath()%>/'+ THIS.attr("ds"), 
				function(data) {
					THIS.html(data);
				});
				break;
			}
		});
	
		</script>
		<div class="page hidden" id="TPL">
			<div class="panel">
				<header>
					<i class="icon-th-large"></i> <span class="tpl-title"></span> <i class="btn btn-mini btn-refresh icon-refresh"></i>
				</header>
				<div class="content tiles-container" style="min-height: 800px;">
					<div class="loading"></div>
				</div>
			</div>
		</div>

		<div id="FORM-DIALOG" class="bootbox modal fade in" style="display: none;"></div>
		<div id="IMG-DIALOG" class="modal hide fade" tabindex="-1" role="dialog"
				aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;width:860px;margin-left:-430px;">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">图片</h3>
			</div>
			<div class="modal-body">
				<img src='' />
			</div>
		</div>
	</div>
</div>
<jsp:include page="/WIDGETS/foot.jsp" />